<div class="layui-fluid">
    <div class="layui-row layui-col-space15">   
      <div class="layui-col-sm6 layui-col-md3">
        <div class="layui-card">
          <div class="layui-card-header">
            用户累计
            <span class="layui-badge layui-bg-blue layuiadmin-badge">位</span>
          </div>
          <div class="layui-card-body layuiadmin-card-list">
            <p class="layuiadmin-big-font" id="countUser">99,666</p>
            <p>
              总计 
              <span class="layuiadmin-span-color"> <i class="layui-icon">&#xe770;</i></span>
            </p>
          </div>
        </div>
      </div>
      <div class="layui-col-sm6 layui-col-md3">
        <div class="layui-card">
          <div class="layui-card-header">
            订单累计
            <span class="layui-badge layui-bg-cyan layuiadmin-badge">个</span>
          </div>
          <div class="layui-card-body layuiadmin-card-list">
            <p class="layuiadmin-big-font" id="countGoodsOrder">5555</p>
            <p>
            商城商品
              <span class="layuiadmin-span-color"> <i class="layui-icon">&#xe650;</i></span>
            </p>
          </div>
        </div>
      </div>
      <div class="layui-col-sm6 layui-col-md3">
        <div class="layui-card">
          <div class="layui-card-header">
            订单累计
            <span class="layui-badge layui-bg-green layuiadmin-badge">个</span>
          </div>
          <div class="layui-card-body layuiadmin-card-list">
  
            <p class="layuiadmin-big-font" id="countGradeOrder">999,666</p>
            <p>
              升级套餐 
              <span class="layuiadmin-span-color"><i class="layui-icon">&#xe66c;</i></span>
            </p>
          </div>
        </div>
      </div>
      <div class="layui-col-sm6 layui-col-md3">
        <div class="layui-card">
          <div class="layui-card-header">
            已到账奖励PS
            <span class="layui-badge layui-bg-orange layuiadmin-badge">PS</span>
          </div>
          <div class="layui-card-body layuiadmin-card-list">
  
            <p class="layuiadmin-big-font" id="countRewardArrive">66,666</p>
            <p>
              总计 
              <span class="layuiadmin-span-color"> <i class="layui-icon">&#xe659;</i></span>
            </p>
          </div>
        </div>
      </div>   
      <div class="layui-col-sm6 layui-col-md3">
        <div class="layui-card">
          <div class="layui-card-header">
            消费总额
            <span class="layui-badge layui-bg-blue layuiadmin-badge">PS</span>
          </div>
          <div class="layui-card-body layuiadmin-card-list">
            <p class="layuiadmin-big-font" id="countGoodsBuy">9,999,666</p>
            <p>
              商城商品 
              <span class="layuiadmin-span-color"> <i class="layui-icon">&#xe659;</i></span>
            </p>
          </div>
        </div>
      </div>
      <div class="layui-col-sm6 layui-col-md3">
        <div class="layui-card">
          <div class="layui-card-header">
            消费总额
            <span class="layui-badge layui-bg-green layuiadmin-badge">PS</span>
          </div>
          <div class="layui-card-body layuiadmin-card-list">
  
            <p class="layuiadmin-big-font" id="countGradeBuy">999,666</p>
            <p>
              升级套餐 
              <span class="layuiadmin-span-color"> <i class="layui-icon">&#xe659;</i></span>
            </p>
          </div>
        </div>
      </div>
      <div class="layui-col-sm6 layui-col-md3">
        <div class="layui-card">
          <div class="layui-card-header">
            赠送总额
            <span class="layui-badge layui-bg-orange layuiadmin-badge">PS</span>
          </div>
          <div class="layui-card-body layuiadmin-card-list">
  
            <p class="layuiadmin-big-font" id="countGivePs">66,666</p>
            <p>
              升级套餐 
              <span class="layuiadmin-span-color"> <i class="layui-icon">&#xe659;</i></span>
            </p>
          </div>
        </div>
      </div> 
      <div class="layui-col-sm6 layui-col-md3">
        <div class="layui-card">
          <div class="layui-card-header">
            奖励总额
            <span class="layui-badge layui-bg-orange layuiadmin-badge">PS</span>
          </div>
          <div class="layui-card-body layuiadmin-card-list">
  
            <p class="layuiadmin-big-font" id="countRewardPs">66,666</p>
            <p>
              商城商品 
              <span class="layuiadmin-span-color"> <i class="layui-icon">&#xe659;</i></span>
            </p>
          </div>
        </div>
      </div> 
        
      <!-- <div class="layui-col-sm12">
        <div class="layui-card">
          <div class="layui-card-header">
            访问量
            <div class="layui-btn-group layuiadmin-btn-group">
              <button class="layui-btn layui-btn-primary layui-btn-xs">去年</button>
              <button class="layui-btn layui-btn-primary layui-btn-xs">今年</button>
            </div>
          </div>
          <div class="layui-card-body">
            <div class="layui-row">
              <div class="layui-col-sm8">
                  <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-pagetwo">
                    <div carousel-item id="LAY-index-pagetwo">
                      <div><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>
                    </div>
                  </div>
              </div>
              <div class="layui-col-sm4">
                <div class="layuiadmin-card-list">
                  <p class="layuiadmin-normal-font">月访问数</p>
                  <span>同上期增长</span>
                  <div class="layui-progress layui-progress-big" lay-showPercent="yes">
                    <div class="layui-progress-bar" lay-percent="30%"></div>
                  </div>
                </div>
                <div class="layuiadmin-card-list">
                  <p class="layuiadmin-normal-font">月下载数</p>
                  <span>同上期增长</span>
                  <div class="layui-progress layui-progress-big" lay-showPercent="yes">
                    <div class="layui-progress-bar" lay-percent="20%"></div>
                  </div>
                </div>
                <div class="layuiadmin-card-list">
                  <p class="layuiadmin-normal-font">月收入</p>
                  <span>同上期增长</span>
                  <div class="layui-progress layui-progress-big" lay-showPercent="yes">
                    <div class="layui-progress-bar" lay-percent="25%"></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div> -->
    </div>
<script>
layui.use('sample', layui.factory('sample'));

layui.use(['form'], function(){
var carousel = layui.carousel
var $ = layui.$
,form = layui.form
,setter = layui.setter

$.ajax({
  url: setter.myurl + "/admin/getCensus",
  data: JSON.stringify({}),
  type: "POST",
  dataType: "json",
  contentType: "application/json",
  success: function(data){
    if(data.code == 0){
      console.log(data);
      $("#countUser").text(data.data.countUser)
      $("#countGradeOrder").text(data.data.countGradeOrder)
      $("#countGoodsBuy").text(data.data.countGoodsBuy)
      $("#countGradeBuy").text(data.data.countGradeBuy)
      $("#countGoodsOrder").text(data.data.countGoodsOrder)
      $("#countGivePs").text(data.data.countGivePs)
      $("#countRewardPs").text(data.data.countRewardPs)
      $("#countRewardArrive").text(data.data.countRewardArrive)
    }else{
      layer.msg(data.message);
    }
  }
});

// form.on('submit(delRoation)', function(obj){

// })
})
        </script>